<template>
  <div class="wrapper">
    <headbar></headbar>
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  import headbar from '../common/head-bar.vue'

  export default {
      components:{
          headbar
      }
  }
</script>
<style>
    .fade-enter-active,
    .fade-leave-active {
        transition: opacity .3s;
    }
    
</style>

